<%-- 
    Document   : PersonalPlan1
    Created on : Dec 6, 2009, 11:03:38 PM
    Author     : zhi
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
        <head>
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
        <link rel="Stylesheet" type="text/css" href="./extjs3.0/resources/css/ext-all.css"/>
        <link rel="Stylesheet" type="text/css" href="./css/personal-plan.css"/>

        <%--<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>--%>
        <%--<script type="text/javascript" src="./js/ct-map.js"></script>--%>
        <script src="http://maps.google.com/maps?file=api&amp;v=2.123&amp;sensor=true_or_false&amp;key=ABQIAAAAhbK0bB4X0coDRvteLsuB4hT2yXp_ZAY8_ufC3CFXhHIE1NvwkxQpmT1hJwOBERgCUEIUqHgpno4rqw" type="text/javascript"></script>
        <script type="text/javascript" src="./js/ctmapv2.js"></script>
        <script type="text/javascript" src="./js/Event.js"></script>
        <script type="text/javascript" src="./js/Plan.js"></script>
        <script type="text/javascript" src="./extjs3.0/adapter/ext/ext-base.js"></script>
        <script type="text/javascript" src="./extjs3.0/ext-all-debug.js"></script>
        <script type="text/javascript" src="./js/personal-plan-init.js"></script>
        <script type="text/javascript" src="./js/personal-plan-display-event.js"></script>
        <script type="text/javascript" src="./js/personal-plan-event-forms.js"></script>
        <script type="text/javascript" src="./js/personal-plan-drag.js"></script>
        <script type="text/javascript" src="./js/personal-plan-save.js"></script>
        <script type="text/javascript" src="./js/personal-plan-load.js"></script>
        <script type="text/javascript" src="./js/personal-plan-delete.js"></script>
        <script type="text/javascript">
            var planid = "<%= request.getParameter("planid")%>";
            var userid = "<%= request.getParameter("userid")%>";
            //alert(planid);
            var plan;
            var eventInfoArray = new Array();
            var geocoder;
            var map;
            var data;
        </script>

        <title>Personal Plan</title>
    </head>
    <body>
        <table width="737" border="0" align="center">
            <tr>
                <td width="120">
                    <div id="events">
                        <div id="eventtype1" class="event">1</div>
                        <div id="eventtype2" class="event">2</div>
                        <div id="eventtype3" class="event">3</div>
                        <div id="eventtype4" class="event">4</div>
                        <div id="eventtype5" class="event">5</div>
                        <div id="eventtype6" class="event">6</div>
                    </div>
                    <form name="form1" method="get" action="">
                        planname <input type="text" id="planname" name="planname"/><br/>
                        plan description<textarea id="plandescription" cols=16 rows=5></textarea><br/>
                        <input type="button" name="saveplan" value="Save Plan" onclick="savePlan()" style="height:25px; width:90px;"/>
                    </form>
                    <input type="button" name="updateplan" value="Update Plan" onclick="updatePlan()" style="height:25px; width:90px;"/>
                    <input type="button" name="deleteplan" value="Delete Plan" onclick="deletePlan()" style="height:25px; width:90px;"/>
                    <input type="button" name="back" value="Back" style="height:25px; width:90px;"/>
                </td>
                <td>
                    <div style = "position:absolute; left:300px; top:15px;">
                        <%--<form action="#" onsubmit="showAddress(this.address.value); return false">--%>
                        <input id="address" name="address" type="textbox" value="Paris"/>
                        <input type="button" value="Search" onClick="showAddress(document.getElementById('address').value)"/>
                        <%--</form>--%>
                    </div>
                    <div id = "map_canvas" style = "position:absolute; left:300px; top:40px;"></div>
                </td>
           </tr>
        </table>
    </body>
</html>
